<template>

  <div>
    <div class="list">
      <el-input style="width: 800px" placeholder="请输入合约地址" v-model="contractAddress">
        <template slot="prepend">合约地址：</template>
      </el-input>
      <el-button type="primary" @click="infoPaiMaiContract">更新拍卖合约明细</el-button>
    </div><br><br>
    <el-table
      :data="highestBidIncreasedEvents"
      style="width: 100%">
      <el-table-column
        prop="id"
        label="id"
        width="380">
      </el-table-column>
      <el-table-column
        prop="contractAddress"
        label="合约地址">
      </el-table-column>
      <el-table-column
        prop="amount"
        label="出价金额">
      </el-table-column>
      <el-table-column
        prop="bidder"
        label="出价人">
      </el-table-column>
      <el-table-column
        prop="bidTime"
        label="出价时间">
      </el-table-column>
    </el-table><br><br>

  </div>


</template>

<script>
export default {
  name: "contractInfo",
  data() {
    return {
      contractAddress: "",
      highestBidIncreasedEvents: "",
    }
  },
  methods: {
    //点击更新按钮请求账户列表
    infoPaiMaiContract() {
      //发送请求
      this.axios.post("/infoPaiMaiContract",this.contractAddress).then(res => {
        this.highestBidIncreasedEvents = res.data;
      })
    },
  },
}
</script>

<style scoped>
.list{padding:0;
  margin:0;
  text-align: left;
  list-style-type: none;}


</style>

